<template>
	<view class="u-m-20">
		<u-navbar :is-back="true" title="个人信息" :border-bottom="false"></u-navbar>
		<view>
			<u-cell-group>
				<u-cell-item title="头像" :arrow="false" hover-class="none">
					<u-avatar :src="pic" size="100"></u-avatar>
				</u-cell-item>
			</u-cell-group>
			<u-cell-group>
				<u-cell-item title="昵称" :arrow="false" hover-class="none">
					{{vuex_user.user.nickName}}
				</u-cell-item>
			</u-cell-group>
		</view>
		<!-- <view class="u-m-t-20">
			<u-button type="primary" @click="subProfile">提交</u-button>
		</view> -->
		<!-- <view class="u-m-t-20"> -->
			<!-- 如果是微信登录小程序，则获取用户的昵称与头像 -->
			<!-- #ifdef MP-WEIXIN -->  
				<!-- <u-button type="default">使用微信头像与昵称</u-button> -->
			<!-- #endif -->
		<!-- </view> -->
	</view>
</template>

<script>
	import config from "@/common/config.js" // 全局配置文件
	export default {
		data() {
			return {
				pic:config.staticUrl+uni.getStorageSync('lifeData').vuex_user.user.avatar,
			}
		},
		methods: {
			// subProfile(){
			// 	// 1.更新vuex中的用户信息
			// 	this.$mytip.toast('修改成功')
			// 	// 2.页面跳转
			// 	uni.switchTab({
			// 		url: '/pages/center/center'
			// 	})
			// },
			getUserProfile(){
				// 如果是微信登录小程序，则获取用户的昵称与头像
				// #ifdef MP-WEIXIN
					// 此处执行微信才执行
				// #endif
			    var that = this;
			    uni.getUserProfile({
			        desc: '获取您的微信信息以授权小程序',
			        lang: 'zh_CN',
			        success: UserProfileRes => {  
			            console.log(UserProfileRes)
			            uni.login({
			                provider: 'weixin',
			                success: function(loginRes) {
			                    let avatarUrl = UserProfileRes.userInfo.avatarUrl; //用户头像
			                    let nickName = UserProfileRes.userInfo.nickName; //用户微信名
			                    let gender = UserProfileRes.userInfo.gender;//性别
								console.log(avatarUrl);
								// 去修改用户的昵称与头像
			                },
			                fail(err) {
			                    console.log(err)
			                }
			            });
			        },
			        fail:err=>{
			            console.log(err)
			        }
			    })
			}
		}
	}
</script>
